<script setup lang="ts">
import { ref } from "vue"
import { AgentPane, SimulPane, GameConfigPane } from "../components"

type TabName = "agent" | "simul" | "gameconfig"

const activeName = ref<TabName>("agent")
</script>

<template>
  <div class="app-container" shadow="never">
    <!-- <el-card> -->
    <el-tabs v-model="activeName" class="demo-tabs">
      <el-tab-pane label="智能体库" name="agent">
        <agent-pane />
      </el-tab-pane>
      <el-tab-pane label="仿真资源库" name="simul">
        <simul-pane />
      </el-tab-pane>
      <el-tab-pane label="博弈配置库" name="gameconfig">
        <game-config-pane />
      </el-tab-pane>
    </el-tabs>
    <!-- </el-card> -->
  </div>
</template>
